<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Category - Ice Delight HTML Template - Icecream</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- favicon -->
    
    <!-- Required meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../static/static/css/bootstrap.min.css" type="text/css" media="all">
    <!-- font-awesome CSS -->
    <link rel="stylesheet" href="../static/static/css/all.min.css">
    <!-- Main Style CSS -->
    <link rel="stylesheet" href="../static/static/css/style.css" type="text/css" media="all">
    <!-- Animated Text CSS -->
    <link href="../static/static/css/animate.css" rel="stylesheet">
    <!-- Owl Stylesheets -->
    <link rel="stylesheet" href="../static/static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../static/static/css/owl.theme.default.min.css">
    <!-- Mega-menu css -->
    <link rel="stylesheet" href="../static/static/css/themability_megamenu.css">
    <!-- google font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Quantico:wght@400;700&display=swap" rel="stylesheet">
    <!-- icomoon CSS -->
    <link rel="stylesheet" href="../static/static/css/themability-font.css" type="text/css" media="all">
</head>

<body class="common-home">
    <div class="loader"></div>
    <!-- header top -->
    <nav id="top">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-sm-6 top-left">
                    <div class="contact-info">
                        <a href="tel:+1(123)8425733">
                            <i class="fa fa-phone"></i>
                            <span class="">+1 (123) 8425733</span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-6 top-right">
                    <div class="pull-left">
                        <form method="post" enctype="multipart/form-data" id="form-currency">
                            <div class="dropdown btn-group">
                                <a href="#" data-bs-toggle="dropdown" class="dropdown-toggle btn-link">
                                    <span class="drop-text">Currency</span>
                                    <span class="symbol">US Dollar</span>
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu currency-dropdown dropdown-menu-right">
                                    <li><a href="#" class="dropdown-item">€ Euro</a></li>
                                    <li><a href="#" class="dropdown-item">£ Pound Sterling</a></li>
                                    <li><a href="#" class="dropdown-item">$ US Dollar</a></li>
                                </ul>
                            </div>
                            <input type="hidden" name="code" value=""> <input type="hidden" name="redirect" value="">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <!-- header menu -->
    <header>
        <div class="container">
            <div class="row header-inner align-items-center sub_sub_menu">
                <div class="col-xl-2 col-lg-6 col-sm-6 header-left">
                    <div id="logo"> <a href="index.html">
                            <img src="../static/static/picture/logo.png" title="Your Store" alt="Your Store" class="img-fluid">
                        </a>
                    </div>
                </div>
                <div class="header-center text-lg-center col-xl-8 col-lg-12">
                    <div class="themability_megamenu-style-dev">
                        <div class="responsive themability_default">
                            <nav class="navbar-default">
                                <div class=" container-themability_megamenu   horizontal">
                                    <div class="navbar-header">
                                        <button type="button" id="show-themability_megamenu" data-toggle="collapse" class="navbar-toggle">
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>
                                    <div class="themability_megamenu-wrapper megamenu_typeheader">
                                        <span id="remove-themability_megamenu" class="fa-solid fa-xmark"></span>
                                        <div class="themability_megamenu-pattern">
                                            <div class="container">
                                                <ul class="themability_megamenu" data-megamenuid="48" data-transition="slide" data-animationtime="500">
                                                    <li class="home">
                                                        <a href="index.html">
                                                            <span><strong>Home</strong></span>
                                                        </a>
                                                    </li>
                                                    <li class="with-sub-menu click">
                                                        <p class="close-menu"></p>
                                                        <a href="shop.html" class="clearfix">
                                                            <strong>
                                                                Shop
                                                            </strong>
                                                            <b class="fa fa-angle-down"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 900px; display: none;">
                                                            <div class="content" style="display: none;">
                                                                <div class="row">
                                                                    <div class="col-sm-12">
                                                                        <div class="categories hot">
                                                                            <div class="row">
                                                                                <div class="col-sm-3 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li><a href="shop.html" class="main-menu">Gelato</a>
                                                                                                <ul>
                                                                                                    <li><a href="">Nut-Nut Nutoreous</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Pistacchio</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Tiramisu</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Yellow Fever</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Pineapple</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Kesar-Pista</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Mango Mojito</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-3 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li><a href="shop.html" class="main-menu">Falooda</a>
                                                                                                <ul>
                                                                                                    <li><a href="">Fragola</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Lemon</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Stawbery Faluda</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Cioccolato</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Tutti Frutti</a>
                                                                                                    </li>
                                                                                                    <li><a href="">The Golden Child</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-3 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li><a href="shop.html" class="main-menu">Rolled Tacos</a>
                                                                                                <ul>
                                                                                                    <li><a href="">Stawbery Shortcake</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Coconut Delight</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-3 static-menu">
                                                                                    <div class="menu">
                                                                                        <ul>
                                                                                            <li><a href="shop.html" class="main-menu">Ice Cream Drinks</a>
                                                                                                <ul>
                                                                                                    <li><a href="">Coffee cabinet</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Milkshake</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Bacio</a>
                                                                                                    </li>
                                                                                                    <li><a href="">Coffee</a>
                                                                                                    </li>
                                                                                                </ul>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="border"></div>
                                                                <div class="row">
                                                                    <div class="col-sm-12">
                                                                        <div class="html">
                                                                            <div class="row">
                                                                                <div class="col-sm-6">
                                                                                    <div class="link"><img alt="" class="img-responsive mw-100" src="../static/static/picture/1.png">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-6">
                                                                                    <div class="link"><img alt="" class="img-responsive mw-100" src="../static/static/picture/2.png">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="with-sub-menu click">
                                                        <p class="close-menu"></p>
                                                        <a href="" class="clearfix">
                                                            <strong>
                                                                Categories
                                                            </strong>
                                                            <b class="fa fa-angle-down"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 900px; display: none;">
                                                            <div class="content" style="display: none;">
                                                                <div class="row sub_sub_menu">
                                                                    <div class="col-sm-4">
                                                                        <div class="megamenu-product-list">
                                                                            <span class="title-submenu">Special Product</span>
                                                                            <div class="row">
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/3.jpg" alt="Chocolate Icecream" title="Chocolate Icecream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Chocolate Icecream</a>
                                                                                                </h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    <span class="price-new">$86.00</span>
                                                                                                    <span class="price-old">$98.00</span>
                                                                                                    <span class="price-tax">$70.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/16.jpg" alt="Jar Ice Cream" title="Jar Ice Cream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Jar Ice Cream</a></h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    <span class="price-new">$482.00</span>
                                                                                                    <span class="price-old">$602.00</span>
                                                                                                    <span class="price-tax">$400.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/17.jpg" alt="Jar Ice Cream" title="Jar Ice Cream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Oreo Ice Cream</a></h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    <span class="price-new">$98.00</span>
                                                                                                    <span class="price-old">$122.00</span>
                                                                                                    <span class="price-tax">$80.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <ul class="subcategory">
                                                                            <li>
                                                                                <a href="" class="title-submenu">Frozen Yogurt</a>
                                                                                <div class="row sub_sub_menu">
                                                                                    <div class="col-sm-12 hover-menu">
                                                                                        <div class="menu">
                                                                                            <ul>
                                                                                                <li><a href="" class="main-menu">Coffee</a>
                                                                                                </li>
                                                                                                <li><a href="" class="main-menu">Pineapple</a>
                                                                                                </li>
                                                                                                <li><a href="" class="main-menu">Amaretto</a>
                                                                                                </li>
                                                                                                <li><a href="" class="main-menu">Cherry Vanilla<b class="fa fa-angle-right"></b></a>
                                                                                                    <ul>
                                                                                                        <li><a href="">Cotton Candy</a>
                                                                                                        </li>
                                                                                                        <li><a href="">Dark Chocolate</a>
                                                                                                        </li>
                                                                                                    </ul>
                                                                                                </li>
                                                                                                <li><a href="" class="main-menu">Marshmallow</a>
                                                                                                </li>
                                                                                            </ul>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <img src="../static/static/picture/category_banner1.png" alt="" class="img-responsive mw-100">
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <ul class="subcategory">
                                                                            <li>
                                                                                <a href="" class="title-submenu">Ice Cream Drinks</a>
                                                                                <div class="row sub_sub_menu">
                                                                                    <div class="col-sm-12 hover-menu">
                                                                                        <div class="menu">
                                                                                            <ul>
                                                                                                <li><a href="" class="main-menu">Coffee cabinet<b class="fa fa-angle-right"></b></a>
                                                                                                    <ul>
                                                                                                        <li><a href="">Icecream float</a>
                                                                                                        </li>
                                                                                                    </ul>
                                                                                                </li>
                                                                                                <li><a href="" class="main-menu">Milkshake</a>
                                                                                                </li>
                                                                                            </ul>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <img src="../static/static/picture/category_banner1.png" alt="" class="img-responsive mw-100">
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="with-sub-menu click">
                                                        <p class="close-menu"></p>
                                                        <a href="product.html" class="clearfix">
                                                            <strong>
                                                                Product
                                                            </strong>
                                                            <b class="fa fa-angle-down"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 900px; display: none;">
                                                            <div class="content" style="display: none;">
                                                                <div class="row">
                                                                    <div class="col-sm-4">
                                                                        <div class="megamenu-product-list">
                                                                            <span class="title-submenu">Popular Product</span>
                                                                            <div class="row">
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/1.jpg" alt="Chocolate Icecream" title="Chocolate Icecream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Chocolate Icecream</a>
                                                                                                </h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    <span class="price-new">$86.00</span>
                                                                                                    <span class="price-old">$98.00</span>
                                                                                                    <span class="price-tax">$70.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/2.jpg" alt="Jar Ice Cream" title="Jar Ice Cream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Jar Ice Cream</a></h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    <span class="price-new">$482.00</span>
                                                                                                    <span class="price-old">$602.00</span>
                                                                                                    <span class="price-tax">$400.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/11.jpg" alt="Oreo Ice Cream" title="Oreo Ice Cream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Oreo Ice Cream</a></h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    <span class="price-new">$98.00</span>
                                                                                                    <span class="price-old">$122.00</span>
                                                                                                    <span class="price-tax">$80.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <div class="megamenu-product-list">
                                                                            <span class="title-submenu">Bestseller Product</span>
                                                                            <div class="row">
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/4.jpg" alt="Waffle Ice Cream" title="Waffle Ice Cream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Waffle Ice Cream</a>
                                                                                                </h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    $152.00
                                                                                                    <span class="price-tax">$100.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/5.jpg" alt="Caramel Ice Cream" title="Caramel Ice Cream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Caramel Ice Cream</a>
                                                                                                </h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    $562.00
                                                                                                    <span class="price-tax">$100.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/6.jpg" alt="Cherry" title="Cherry" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Cherry</a>
                                                                                                </h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    $562.00
                                                                                                    <span class="price-tax">$100.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <div class="megamenu-product-list">
                                                                            <span class="title-submenu">Latest Product</span>
                                                                            <div class="row">
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/7.jpg" alt="Mint Chocolate Chip" title="Mint Chocolate Chip" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Mint Chocolate Chip</a></h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    $20.00
                                                                                                    <span class="price-tax">$20.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/8.jpg" alt="Blue Moon" title="Blue Moon" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Blue Moon</a></h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    $241.99
                                                                                                    <span class="price-tax">$199.99</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-12">
                                                                                    <div class="menu-product-thumb">
                                                                                        <div class="image">
                                                                                            <a href="product.html">
                                                                                                <img src="../static/static/picture/9.jpg" alt="Waffle Ice Cream" title="Waffle Ice Cream" class="img-responsive mw-100">
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="product-description">
                                                                                            <div class="caption">
                                                                                                <h4><a href="product.html">Waffle Ice Cream</a>
                                                                                                </h4>
                                                                                                <div class="rating">
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                                                </div>
                                                                                                <p class="price">
                                                                                                    $122.00
                                                                                                    <span class="price-tax">$100.00</span>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="with-sub-menu click">
                                                        <p class="close-menu"></p>
                                                        <a href="#" class="clearfix">
                                                            <strong>
                                                                Pages
                                                            </strong>
                                                            <b class="fa fa-angle-down"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 250px; display: none;">
                                                            <div class="content" style="display: none;">
                                                                <div class="row">
                                                                    <div class="col-sm-12">
                                                                        <ul class="route  html-link">
                                                                            <li><a href="about.html" class="main-menu">About Us</a></li>
                                                                            <li><a href="contact.html" class="main-menu">Contact Us</a></li>
                                                                            <li><a href="site-map.html" class="main-menu">Site Map</a></li>
                                                                            <li><a href="" class="main-menu">Special</a></li>
                                                                            <li><a href="login.html" class="main-menu">My Account</a></li>
                                                                            <li><a href="login.html" class="main-menu">Order History</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="with-sub-menu click sub-active">
                                                        <p class="close-menu"></p>
                                                        <a href="brand.html" class="clearfix">
                                                            <strong>
                                                                brand
                                                            </strong>
                                                            <b class="fa fa-angle-down"></b>
                                                        </a>
                                                        <div class="sub-menu" style="width: 250px; display: none;">
                                                            <div class="content" style="display: none;">
                                                                <div class="row">
                                                                    <div class="col-sm-12">
                                                                        <span class="title-submenu manufactures-title">Manufacturer</span>
                                                                        <ul class="manufacturer">
                                                                            <li><a href="">Apple</a></li>
                                                                            <li><a href="">Canon</a></li>
                                                                            <li><a href="">HTC</a></li>
                                                                            <li><a href="">Palm</a></li>
                                                                            <li><a href="">Hewlett-Packard</a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="">
                                                        <p class="close-menu"></p>
                                                        <a href="blog.html" class="clearfix">
                                                            <strong>
                                                                Blog
                                                            </strong>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="header-right col-xl-2 col-lg-6 col-sm-6">
                    <div class="search-content">
                        <div class="search-btn-outer">
                            <i class="icon-search"></i>
                        </div>
                        <div class="header-search">
                            <div id="themabilitySearch" class="input-group themability-search">
                                <input type="text" name="search" value="" placeholder="Search..." class="form-control input-lg ui-autocomplete-input" autocomplete="off">
                                <span class="btn-search input-group-btn">
                                    <button type="button" class="btn btn-default btn-lg"><i class="icon-search"></i></button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="header_ac" class="dropdown">
                        <a href="" class="dropdown-toggle btn-link" data-bs-toggle="dropdown">
                            <i class="icon-user dropdown-icon"></i>
                            <div class="dropdown-text d-none">
                                <span class="">My Account</span>
                                <span class="dropdown-text-inner">Register</span>
                            </div>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right account-link-toggle">
                            <li><a href="register.html" class="dropdown-item">Register</a></li>
                            <li><a href="login.html" class="dropdown-item">Login</a></li>
                        </ul>
                    </div>
                    <div id="header-cart" class="cart-content">
                        <div id="cart" class="dropdown d-grid btn-group btn-block">
                            <button type="button" data-bs-toggle="dropdown" class="btn btn-inverse btn-block dropdown-toggle show">
                                <i class="fa-solid fa-cart-shopping"></i>
                                <span id="cart-total" class="new">2<span class="d-none">2</span></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right header-cart-toggle">
                                <li class="cart-content-product">
                                    <table class="table table-sm table-striped">
                                        <tbody>
                                            <tr>
                                                <td class="text-center product-cart-thumb">
                                                    <a href="product.html">
                                                        <img src="../static/static/picture/6.jpg" alt="Fresh fruit ice cream" title="Fresh fruit ice cream" class="img-thumbnail">
                                                    </a>
                                                </td>
                                                <td class="text-start product-cart-details">
                                                    <a href="product.html" class="product-item-name">Mint Chocolate Chip</a>
                                                    <div class="product-cart-info">
                                                        <span class="product-cart-qty">1 x </span>
                                                        <span class="product-cart-price">$20.00</span>
                                                    </div>
                                                </td>
                                                <td class="text-end product-cart-close">
                                                    <form method="post" data-oc-toggle="ajax">
                                                        <input type="hidden" name="key" value="6">
                                                        <button type="submit" data-bs-toggle="tooltip" title="" class="btn btn-danger" data-bs-original-title="Remove" aria-label="Remove"><i class="fa-solid fa-circle-xmark"></i></button>
                                                    </form>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center product-cart-thumb">
                                                    <a href="product.html">
                                                        <img src="../static/static/picture/13.jpg" alt="Caramel Ice Cream" title="Caramel Ice Cream" class="img-thumbnail">
                                                    </a>
                                                </td>
                                                <td class="text-start product-cart-details">
                                                    <a href="product.html" class="product-item-name">Caramel Ice Cream</a>
                                                    <br>
                                                    <div class="product-cart-info">
                                                        <span class="product-cart-qty">1 x </span>
                                                        <span class="product-cart-price">$241.99</span>
                                                    </div>
                                                </td>
                                                <td class="text-end product-cart-close">
                                                    <form method="post" data-oc-toggle="ajax">
                                                        <input type="hidden" name="key" value="7">
                                                        <button type="submit" data-bs-toggle="tooltip" title="" class="btn btn-danger" data-bs-original-title="Remove" aria-label="Remove"><i class="fa-solid fa-circle-xmark"></i></button>
                                                    </form>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </li>
                                <li>
                                    <div>
                                        <table class="table table-sm table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td class="text-start"><strong>Sub-Total</strong></td>
                                                    <td class="text-end">219.99$</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-start"><strong>Eco Tax (-2.00)</strong></td>
                                                    <td class="text-end">2.00$</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-start"><strong>VAT (20%)</strong></td>
                                                    <td class="text-end">40.00$</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-start"><strong>Total</strong></td>
                                                    <td class="text-end cart-total">261.99$</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <p class="text-center product-cart-button d-flex justify-content-evenly">
                                            <a href="shopping-cart.html" class="btn-primary cart-btn addtocart-btn"><i class="fa-solid fa-cart-shopping d-none"></i>View Cart</a>
                                            <a href="checkout.html" class="btn-primary cart-btn checkout-btn"><i class="fa-solid fa-share d-none"></i>Checkout</a>
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- breadcum banner -->
    <div class="breadcrumb-main">
        <div class="container">
            <div class="breadcrumb-container">
                <h2 class="page-title">Frozen Yogurt</h2>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html"><i class="fas fa-home"></i></a></li>
                    <li class="breadcrumb-item"><a href="">Frozen Yogurt</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- main -->
    <main>
        <div id="product-category" class="container">
            <div class="row">
                <aside id="column-left" class="col-3">
                    <div class="category-content">
                        <div class="box-category">
                            <h3 class="toggled relative">Categories</h3>
                            <ul class="list-unstyled parent" id="select-category">
                                <li class="has-more-category">
                                    <a href="" class="list-group-item main-item">Rolled Tacos
                                        <span class="toggled shop_icon">
                                            <i class="fa fa-plus"></i></span>
                                    </a>
                                    <ul class="list-unstyled child-categories group">
                                        <li>
                                            <a href="" class="list-group-item">Yellow Fever</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Coconut Delight</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Stawbery Shortcake</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-more-category">
                                    <a href="" class="list-group-item main-item">Ice Cream Drinks<span class="toggled shop_icon"><i class="fa fa-plus"></i></span></a>
                                    <ul class="list-unstyled child-categories group">
                                        <li>
                                            <a href="" class="list-group-item">Coffee Cabinet</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Milkshake</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-more-category">
                                    <a href="" class="list-group-item main-item">Frozen Yogurt<span class="toggled shop_icon"><i class="fa fa-plus"></i></span></a>
                                    <ul class="list-unstyled child-categories group">
                                        <li>
                                            <a href="" class="list-group-item">Coffee</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Pineapple</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Amaretto</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Cherry Vanilla</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Marshmallow</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">White Chocolate</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-more-category">
                                    <a href="" class="list-group-item main-item">Rolled Ice Cream<span class="toggled shop_icon"><i class="fa fa-plus"></i></span></a>
                                    <ul class="list-unstyled child-categories group">
                                        <li>
                                            <a href="" class="list-group-item">Buterscotch</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Mango Mojito</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Nut-Nut Nutoreous</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">The Golden Child</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Tutti Frutti</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-more-category">
                                    <a href="" class="list-group-item main-item">Falooda<span class="toggled shop_icon"><i class="fa fa-plus"></i></span></a>
                                    <ul class="list-unstyled child-categories group">
                                        <li>
                                            <a href="" class="list-group-item">Kesar-Pista Faluda</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Mengo Faluda</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Stawbery Faluda</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="" class="list-group-item">Kulfi</a>
                                </li>
                                <li>
                                    <a href="" class="list-group-item">Shaved Ice</a>
                                </li>
                                <li class="has-more-category">
                                    <a href="" class="list-group-item main-item">Gelato<span class="toggled shop_icon"><i class="fa fa-plus"></i></span></a>
                                    <ul class="list-unstyled child-categories group" style="display: none;">
                                        <li>
                                            <a href="" class="list-group-item">Cioccolato</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Dark Chocolate</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Fragola</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Lemon</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Pistacchio</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item">Stracciatella</a>
                                        </li>
                                        <li>
                                            <a href="" class="list-group-item"> Tiramisu</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card filter">
                        <div class="box-content">
                            <div id="filter">
                                <h3 class="toggled relative"><i class="fa-solid fa-filter d-none"></i>Refine Search</h3>
                                <div class="filter_box">
                                    <div class="list-group list-group-flush">
                                        <div class="list-group-items">
                                            <a class="list-group-item">color</a>
                                            <div class="list-group-item">
                                                <div id="filter-group-1">
                                                    <div class="form-check">
                                                        <input type="checkbox" name="filter[]" value="1" id="input-filter-1" class="form-check-input">
                                                        <label for="input-filter-1" class="form-check-label">black</label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input type="checkbox" name="filter[]" value="2" id="input-filter-2" class="form-check-input">
                                                        <label for="input-filter-2" class="form-check-label">white</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="list-group-items">
                                            <a class="list-group-item">price</a>
                                            <div class="list-group-item">
                                                <div id="filter-group-2">
                                                    <div class="form-check">
                                                        <input type="checkbox" name="filter[]" value="4" id="input-filter-4" class="form-check-input">
                                                        <label for="input-filter-4" class="form-check-label">$150-$250</label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input type="checkbox" name="filter[]" value="3" id="input-filter-3" class="form-check-input">
                                                        <label for="input-filter-3" class="form-check-label">$49-$149</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="list-group-items">
                                            <a class="list-group-item">size</a>
                                            <div class="list-group-item">
                                                <div id="filter-group-3">
                                                    <div class="form-check">
                                                        <input type="checkbox" name="filter[]" value="5" id="input-filter-5" class="form-check-input">
                                                        <label for="input-filter-5" class="form-check-label">large</label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input type="checkbox" name="filter[]" value="6" id="input-filter-6" class="form-check-input">
                                                        <label for="input-filter-6" class="form-check-label">medium</label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input type="checkbox" name="filter[]" value="7" id="input-filter-7" class="form-check-input">
                                                        <label for="input-filter-7" class="form-check-label">small</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer text-right panel-footer">
                                        <button type="button" id="button-filter" class="btn btn-primary"><i class="fa-solid fa-filter d-none"></i>Refine</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card filter">
                        <div class="box-content">
                            <div class="bestseller_sec">
                                <h3 class="toggled relative bestsellers"><i class="fa-solid fa-filter d-none"></i>Bestsellers</h3>
                                <div class="block_box">
                                    <div id="bestseller-carousel" class="box-product   product-carousel" data-items="4">
                                        <div class="col col-12">
                                            <div class="product-layout">
                                                <div class="product-thumb">
                                                    <div class="image">
                                                        <a href="product.html">
                                                            <img src="../static/static/picture/1.jpg" alt="Waffle Ice Cream" title="Waffle Ice Cream" class="img-fluid">
                                                        </a>
                                                    </div>
                                                    <div class="content product-description">
                                                        <div class="caption">
                                                            <h4 class="product-title"><a href="product.html">Waffle Ice Cream</a></h4>
                                                            <div class="price-rating">
                                                                <div class="price">
                                                                    <span class="price-new">$144.00</span>
                                                                    <span class="price-tax">Ex Tax: $100.00</span>
                                                                </div>
                                                                <div class="rating">
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-12">
                                            <div class="product-layout">
                                                <div class="product-thumb">
                                                    <div class="image">
                                                        <a href="product.html">
                                                            <img src="../static/static/picture/2.jpg" alt="Caramel Ice Cream" title="Caramel Ice Cream" class="img-fluid">
                                                        </a>
                                                    </div>
                                                    <div class="content product-description">
                                                        <div class="caption">
                                                            <h4 class="product-title"><a href="product.html">Caramel Ice Cream</a></h4>
                                                            <div class="price-rating">
                                                                <div class="price">
                                                                    <span class="price-new">$564.00</span>
                                                                    <span class="price-tax">Ex Tax: $100.00</span>
                                                                </div>
                                                                <div class="rating">
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-12">
                                            <div class="product-layout">
                                                <div class="product-thumb">
                                                    <div class="image">
                                                        <a href="product.html">
                                                            <img src="../static/static/picture/3.jpg" alt="Cherry" title="Cherry" class="img-fluid">
                                                        </a>
                                                    </div>
                                                    <div class="content product-description">
                                                        <div class="caption">
                                                            <h4 class="product-title"><a href="product.html">Cherry</a></h4>
                                                            <div class="price-rating">
                                                                <div class="price">
                                                                    <span class="price-new">$177.00</span>
                                                                    <span class="price-tax">Ex Tax: $100.00</span>
                                                                </div>
                                                                <div class="rating">
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                    <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card filter shop_page_card">
                        <div class="box-content">
                            <div>
                                <img class="img-fluid shop_banner" src="../static/static/picture/category_banner2.png" alt="">
                            </div>
                        </div>
                    </div>
                </aside>
                <div id="content" class="col">
                    <div class="row">
                        <div class="category-img col-sm-12"><img src="../static/static/picture/category_banner1.png" alt="Gelato" title="Gelato" class="img-thumbnail"></div>
                        <div class="category-desc col-sm-12">
                            <p>Shop Laptop feature only the best laptop deals on the market. By comparing laptop deals from the likes of PC World, Comet, Dixons, The Link and Carphone Warehouse, Shop Laptop has the most comprehensive selection of laptops on the internet. At Shop Laptop, we pride ourselves on offering customers the very best laptop deals. From refurbished laptops to netbooks, Shop Laptop ensures that every laptop - in every colour, style, size and technical spec - is featured on the site at the lowest possible price.</p>
                        </div>
                    </div>
                    <div class="category-refine">
                        <h3>Refine Search</h3>
                        <div class="row row-cols-sm-12 row-cols-lg-12">
                            <div class="col">
                                <ul>
                                    <li><a href="#">Fragola</a></li>
                                    <li><a href="#">Lemon</a></li>
                                    <li><a href="#">Tiramisu</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="category-info">
                        <div id="display-control" class="row">
                            <div class="col-sm-2 col-xs-5 category-list-grid">
                                <div class="btn-group">
                                    <button type="button" id="button-grid" class="btn btn-default active" data-bs-toggle="tooltip" title="Grid"><i class="icon-grid"></i></button>
                                    <button type="button" id="button-list" class="btn btn-default" data-bs-toggle="tooltip" title="List"><i class="icon-list"></i></button>
                                </div>
                            </div>
                            <div class="col-sm-3 col-xs-7 category-compare">
                                <div class="">
                                    <a href="product-comparison.html" id="compare-total" class="btn btn-primary d-block"><i class="d-none fa-solid fa-arrow-right-arrow-left"></i> <span class="">Product Compare (2)</span></a>
                                </div>
                            </div>
                            <div class="col-md-7 col-xs-12 category-sorting">
                                <div class="sort-cat">
                                    <div class="text-category-sort">
                                        <label for="input-sort" class="input-group-text input-group-addon">Sort By</label>
                                    </div>
                                    <div class="select-cat-sort">
                                        <select id="input-sort" class="form-select form-control">
                                            <option value="" selected="">Default</option>
                                            <option value="">Name (A - Z)</option>
                                            <option value="">Name (Z - A)</option>
                                            <option value="">Price (Low &gt; High)</option>
                                            <option value="">Price (High &gt; Low)</option>
                                            <option value="">Rating (Highest)</option>
                                            <option value="">Rating (Lowest)</option>
                                            <option value="">Model (A - Z)</option>
                                            <option value="">Model (Z - A)</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="limit-cat">
                                    <div class="text-category-limit">
                                        <label for="input-limit" class="input-group-text input-group-addon">Show</label>
                                    </div>
                                    <div class="select-cat-limit">
                                        <select id="input-limit" class="form-select form-control">
                                            <option value="" selected="">6</option>
                                            <option value="">25</option>
                                            <option value="">50</option>
                                            <option value="">75</option>
                                            <option value="">100</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="product-list" class="product-grid row row-cols-2 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-4">
                        <div class="col single-column">
                            <div class="card product-card border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/6.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Mint Chocolate Chip</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$20.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col single-column">
                            <div class="card product-card  border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/14.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Waffle Ice Cream</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$122.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col single-column">
                            <div class="card product-card  border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/13.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Chocolate Vanila</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$241.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col single-column">
                            <div class="card product-card  border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/4.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Brownie Ice Cream</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$754.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col single-column">
                            <div class="card product-card  border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/5.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Cherry</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$623.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col single-column">
                            <div class="card product-card  border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/6.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Cold Coco</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$458.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col single-column">
                            <div class="card product-card  border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/7.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Raspberry</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$963.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col single-column">
                            <div class="card product-card  border-0">
                                <div class="image">
                                    <a href="product.html"><img src="../static/static/picture/8.jpg" class="card-img-top" alt="..."></a>
                                    <div class="button-group">
                                        <button title="Add to Cart">
                                            <i class="icon-shopping-bag"></i>
                                        </button>
                                        <button title="Add to wishlist">
                                            <i class="icon-like"></i>
                                        </button>
                                        <button title="Quickview">
                                            <i class="icon-eye"></i>
                                        </button>
                                        <button title="Compare">
                                            <i class="icon-shuffle-arrows"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="content product-description">
                                    <div class="caption">
                                        <h4 class="product-title"><a href="product.html">Blue Moon</a></h4>
                                        <div class="price-rating">
                                            <div class="price">
                                                <span class="price-new">$145.00</span>
                                                <span class="price-tax">Ex Tax: $100.00</span>
                                            </div>
                                            <div class="rating">
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                                <span class="fa fa-stack"><i class="fa-regular fa-star fa-stack-1x"></i></span>
                                            </div>
                                        </div>
                                        <p class="description">More room to move. With 80GB or 160GB of storage and up to 40 hours of battery life, the new iPod classic lets you enjoy up to 40,000 songs or up to 200 hours of video or any combination wherever y..</p>
                                        <div class="button-group pro_list_btn d-none">
                                            <button>
                                                <i class="icon-shopping-bag"></i>
                                            </button>
                                            <button>
                                                <i class="icon-like"></i>
                                            </button>
                                            <button>
                                                <i class="icon-eye"></i>
                                            </button>
                                            <button>
                                                <i class="icon-shuffle-arrows"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pagination-main">
                        <div class="row">
                            <div class="col-md-6 pagination_result">
                                Showing 1 to 8 of 16 (2 Pages)
                            </div>
                            <div class="col-md-6 text-md-end">
                                <ul class="pagination">
                                    <li class="page-item active"><a href="#" class="page-link">1</a></li>
                                    <li class="page-item page"><a href="#" class="page-link">2</a></li>
                                    <li class="page-item next"><a href="#" class="page-link"> &gt; </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- footer -->
    <footer class="mt-50">
        <div class="container">
            <div class="footer-top">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="position-footer-left">
                            <div>
                                <h2 class="toggled">contact</h2>
                                <ul class="list-unstyled">
                                    <li>
                                        <div class="site">
                                            <div class="contact_title"><i class="fa-solid fa-location-dot"></i></div>
                                            <div class="contact_site">National park,d1 588436,United States</div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="phone">
                                            <div class="contact_title"><i class="fa fa-phone"></i></div>
                                            <div class="contact_site">+91 123 456 789</div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="fax">
                                            <div class="contact_title"><i class="fa fa-fax"></i></div>
                                            <div class="contact_site">0123-456-789</div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="email">
                                            <div class="contact_title"><i class="fa fa-envelope"></i></div>
                                            <div class="contact_site"><a href="mailto:info@Yourstore.com">demo@Yourstore.com</a></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <h2 class="toggled">Information</h2>
                        <ul class="list-unstyled">
                            <li><a href="terms-conditions.html">Terms &amp; Conditions</a></li>
                            <li><a href="delivery-information.html">Delivery Information</a></li>
                            <li><a href="about.html">About Us</a></li>
                            <li><a href="privacy-policy.html">Privacy Policy</a></li>
                            <li><a href="contact.html">Contact Us</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3 d-none">
                        <h2 class="toggled">Customer Service</h2>
                        <ul class="list-unstyled"></ul>
                    </div>
                    <div class="col-lg-3">
                        <h2 class="toggled">Extras</h2>
                        <ul class="list-unstyled">
                            <li><a href="brand.html">Brands</a></li>
                            <li><a href="gift-certificate.html">Gift Certificates</a></li>
                            <li><a href="login.html">Affiliate</a></li>
                            <li><a href="">Specials</a></li>
                            <li><a href="site-map.html">Site Map</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3">
                        <h2 class="toggled">My Account</h2>
                        <ul class="list-unstyled">
                            <li><a href="login.html">My Account</a></li>
                            <li><a href="login.html">Order History</a></li>
                            <li><a href="login.html">Wish List</a></li>
                            <li><a href="login.html">Newsletter</a></li>
                            <li><a href="product-returns.html">Returns</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3">
                        <div class="position-footer-right">
                            <div>
                                <h2 class="toggled">find us on</h2>
                                <div class="follow-link">
                                    <div class="social-media">
                                        <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                        <a href="#"><i class="fa-brands fa-instagram"></i></a>
                                        <a href="#"><i class="fa-brands fa-whatsapp"></i></a>
                                        <a href="#"><i class="fa-brands fa-pinterest"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="position-footer-right">
                            <div>
                                <h2 class="toggled">payment</h2>
                                <div class="payment-link">
                                    <div class="payment-method">
                                        <a href="#"><i class="fa-brands fa-cc-visa"></i></a>
                                        <a href="#"><i class="fa-brands fa-cc-mastercard"></i></a>
                                        <a href="#"><i class="fa-brands fa-cc-paypal"></i></a>
                                        <a href="#"><i class="fa-brands fa-cc-discover"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <p class="copyright">Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
        </div>
    </footer>
    <a class="scrollToTop back-to-top" href="" data-toggle="tooltip" title="" data-original-title="Top" style="display: block;" data-bs-original-title=""><i class="fa fa-angle-up"></i></a>
    <!-- Bootstrap js -->
    <script src="../static/static/js/popper.min.js"></script>
    <script src="../static/static/js/bootstrap.min.js"></script>
    <!-- Main jquery js -->
    <script src="../static/static/js/jquery-v3.6.4.min.js"></script>
    <!-- wow js -->
    <script src="../static/static/js/wow.min.js"></script>
    <!--owl javascript -->
    <script src="../static/static/js/owl.carousel.min.js"></script>
    <!-- Main js -->
    <script src="../static/static/js/theme.js"></script>
    <!-- mega-menu js -->
    <script src="../static/static/js/themability_megamenu.js"></script>
</body>

</html>